<template>
	<!-- 发布视频 -->
	<view class="pushVideo-main">
		<view class="video-item" v-for="(item,index) in videoList" :key="index">
			<view class="video-image">
				<image src="../../../static/image/dd1.png" mode="widthFix" class="images"></image>
			</view>
			<view class="video-info">
				<view class="video-name">
					<view class="name">
						测试数据
					</view>
					<view class="tags">
						<uni-tag text="审核中" type="default"></uni-tag>
					</view>
				</view>
				<view class="video-des">
					测试数据测试数据测试数据测试数据测试数据
				</view>
				<view class="video-time">
					2024-12-13 17:15
				</view>
			</view>
		</view>
		
		<view class="addAddress-btn" :style="bottomStyle">
			<u-button type="primary" color="#2979ff" text="发布视频" shape="circle" @click="goToPath"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				videoList:[{},{}]
			}
		},
		computed: {
			bottomStyle() {
				const systemInfo = uni.getSystemInfoSync();
				const { safeAreaInsets } = systemInfo;
				const bottomSafeAreaHeight = safeAreaInsets.bottom || 0;
				return `padding-bottom: ${bottomSafeAreaHeight ? bottomSafeAreaHeight + 'px' : '20rpx'}`;
			}
		},
		methods: {
			goToPath(){
				
			}
		}
	}
</script>

<style>
	page{
		background-color: #f3f3f3;
	}
</style>

<style scoped lang="scss">
	.pushVideo-main{
		box-sizing: border-box;
		padding: 20rpx;
		padding-top: 0px;
		.video-item{
			display: flex;
			background-color: #fff;
			border-radius: 10rpx;
			box-sizing: border-box;
			padding: 30rpx;
			margin-top: 20rpx;
			.video-image{
				width: 220rpx;
				.images{
					width: 200rpx;
				}
			}
			.video-info{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				font-size: 26rpx;
				.video-name{
					display: flex;
					align-items: center;
					justify-content: space-between;
					.name{
						font-size: 28rpx;
						font-weight: bold;
					}
				}
				.video-des{
					margin: 10rpx 0;
					color: #666;
				}
				.video-time{
					color: #999;
				}
			}
		}
		
		.addAddress-btn {
			position: fixed;
			bottom: 0rpx;
			left: 0px;
			width: 100%;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			padding: 0px 20rpx;
			padding-top: 20rpx;
			background-color: #fff;
		}
	}
</style>
